<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/20
  Time: 17:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>


昵称：<input ID="ip" onchange="isName()"><div class="err"></div>
<script type="text/javascript">
    //判断用户注册的这个昵称是否可用
    //通过用户输入的名在数据库中查询是否存在
    var ip=document.getElementById("ip");
    var err=document.getElementsByClassName("err");
    function isName(){
        //获得DOM对象并取得它的value，它是用户输入的昵称
        var name=ip.value;
        //发送请求到服务器去查询
        var xhr=new XMLHttpRequest();//创建对象
        xhr.open("get","/user?param=getName&name="+name);//请求方式和地址
        xhr.send();//发送请求

        xhr.onreadystatechange=function() {
            //获得请求完成的状态码
            if(xhr.readyState==4) {
                //响应结果成功
                if(xhr.status==200) {
                    //获得返回数据
                    var res=JSON.parse(xhr.responseText);
                    if(res.code==1){
                        err[0].innerHTML="ok";//可用
                    }else{
                        err[0].innerHTML="no ok";//不用
                    }
                }
            }
        }
    }
</script>
</body>
</html>
